<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-注册</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/zhuce.css"/>
    <script>
        if(/news.pulu.com/.test(location.href)){if(!/index.html/.test(location.href)){location.href="login.html"}}
    </script>
    <style>
        #fromUserPhone{display:none;height:100%;background:#efefef;font:400 14px/1.5 Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei}#fromUserPhone ul{margin-top:44px;background:#fff}#fromUserPhone li{padding:0 0 0 95px;line-height:43px;min-height:44px;padding-top:1px;padding-bottom:1px;margin:0;background-position:left top,left bottom;background-image:-webkit-gradient(linear,center bottom,center top,from(transparent),to(#dbdbdb)),-webkit-gradient(linear,center top,center bottom,from(transparent),to(#dbdbdb));background-image:-webkit-linear-gradient(to top,transparent 50%,#dbdbdb 50%),-webkit-linear-gradient(to bottom,transparent 50%,#dbdbdb 50%);background-image:-webkit-linear-gradient(bottom,transparent 50%,#dbdbdb 50%),-webkit-linear-gradient(top,transparent 50%,#dbdbdb 50%);background-image:linear-gradient(to top,transparent 50%,#dbdbdb 50%),linear-gradient(to bottom,transparent 50%,#dbdbdb 50%);border:0;background-size:100% 1px;background-repeat:no-repeat}#fromUserPhone li>label{font-size:16px;float:left;width:80px;margin-left:-80px;color:#666}#fromUserPhone li>div{position:relative}#fromUserPhone li>div>input{height:43px;padding:6px 5px;border:0 none;width:100%;box-sizing:border-box}#fromUserPhone .btn-box{margin:20px 15px}#fromUserPhoneBtn{width:100%;box-sizing:border-box;height:44px;border-radius:4px;color:#fff;background-color:#b92b27;border:1px solid #b92b27;cursor:pointer;font-size:16px;font-family:Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei}#fromUserPhoneNote,#fromUserPhoneError{color:#df2029;height:45px;padding:10px;margin:0;font-size:13px}#fromUserPhoneError{display:none}#finishnotic{z-index:100}
    </style>
    <style>
        html{background:#ececec}#harass{display:none;position:fixed;width:100%;z-index:9999;top:0;left:0;bottom:0;background:rgba(0,0,0,0.75)}#harass>div{position:relative;width:100%;height:100%;max-width:1000px}#harass>div>div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:1000px;padding:0 10%;box-sizing:border-box}#closeharass{width:15%;height:10%;position:absolute;top:0;left:0;z-index:100;padding-left:10%}#harass>div>div>img{width:100%}#closeharass1{width:90px;height:25px;text-align:right;position:absolute;bottom:0;right:0;z-index:100;padding-right:13%;font-size:15px;line-height:13px;color:#777}#closeharass1 input{width:14px;height:14px;vertical-align:baseline}
    </style>
    <style>
        #register>p{
            padding:20px 15px;
            font-size:15px;
        }

        #ranking{height:100%;background: #ececec;}
        #ranking>p{
            padding: 20px 15px 5px;
            word-break: break-all;
            font-size: 13px;
            color: #666;
            margin-top: 0;
        }
        #ranking ul{background:#fff;}
        #ranking li{
            padding-left:0;
            background:#fff;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
        }
        #ranking li>label{
            width:135px;
            margin-left:10px;
            margin-right:10px;
        }
        #ranking li>div{margin-left:140px;}
        #ranking select{
            width:90%;
            height:25px;
        }
        .professionTitle{
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }
        #ranking li>div.part1{
            margin-left:10px;
            line-height:25px;
        }
        #ranking li>div.part1>div{
            position: relative;
            margin-bottom:5px;
            margin-left:16px;
        }
        #ranking li>div.part1>div>div:not(.lf){
            position: absolute;
            top:0;
            left:60px;
            right:10px;
        }
        #ranking li>div.part1>div>div>input{width:100%;}
        .addLarge,.addSmall{
            color:#09f;
        }
        .addLarge>span,.addSmall>span{
            display:inline-block;
            border:1px solid #09f;
            border-radius: 2px;
            height: 16px;
            width: 16px;
            box-sizing: border-box;
            text-align: center;
            line-height: 15px;
        }
        #ranking .delBtn{
            color:#f00;
            font-size:13px;
        }
    </style>
    <style>
        #professionList .listplace{
            margin-top:40px;
            background:#ececec;
        }
        #professionList .listplace>div{
            background:#fff;
            height:45px;
            line-height:45px;
            margin-bottom:10px;
            padding-left:20px;
            overflow: hidden;
            position: relative;
        }
        #professionList .listplace input{
            margin-top: 13px;
            margin-right: 10px;
            height: 20px;
            width: 20px;
        }
        #professionList .listplace label{
            position: absolute;
            left: 50px;
            right: 10px;
        }
        #skillLi>.part1>p{
            font-size:16px;
            margin-bottom:6px;
        }
        #skillLi>.part1>div{
            overflow: hidden;
        }
        #skillLi>.part1 select{
            border:none;
        }
        #skillLi>.part1 div.lf{
            width:50%;
        }
        #skillLi>.part1 .lf>div{
            height:23px;
            box-sizing: border-box;
            margin-left:50px;
        }
        #skillLi>.part1 .lf>div input{
            width:100%;
            border:1px solid #ECECEC;
            padding-left:3px;
            padding-right:3px;
            box-sizing: border-box;
        }
        #skillLi>.part1 .lf>div select{
            border:1px solid #ECECEC;
            height:23px;
        }
        #addLargeBtn,#addSmallBtn{display:inline-block;}
        #register .btn-box button, #ranking .btn-box button{
            background-color: rgb(26, 173, 25);
            border: 1px solid rgb(26, 173, 25);
        }
    </style>
    <style>
        .choicenewsname{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 2;
            color: #333;
            line-height: 30px;
            width:80%;
            margin:0 10%;
            border: 1px solid #ddd;
        }
        .tishiword{
            width: 100%;
            height:60px;
            margin: 0 auto;
            padding:10px 0;
            max-width:1000px;
            position: fixed;
            top: 79px;
            z-index: 999;
            background: #fff;
            border: none;
        }
        #alwayspage .listplace{
            margin-top:159px;
        }
        #subscribeNote{
            display:none;
            position:fixed;
            top:50%;
            left:50%;
            z-index: 999;
            background:rgba(0,0,0,0.75);
            color:#fff;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius:3px;
            padding: 20px;
            text-align: center;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="chating">
<!--注册-->
<div id="register" style="display:block">
    <div class="registerheader">
        <h1>
            注册
        </h1>
        <a href="login.html" style="display: inline-block;float: right;height:44px;width:44px;text-align: center;line-height: 44px;font-size:15px;color:#fff;">
            登录
        </a>
    </div>
    <p class="text_note">少走弯路，来铺路</p>
    <ul class="bind_box">
        <li class="form-item">
            <label class="field-label">手机号码</label>
            <div class="clear-input-box">
                <input id="phonenumber" type="tel" class="field-text nofastclick r-focus" maxlength="11" placeholder="11位数字">
            </div>
        </li>
        <li class="form-item" style="display:none;">
            <label class="field-label">姓名</label>
            <div class="clear-input-box">
                <input id="realname" type="text" class="field-text nofastclick r-focus" maxlength="7" placeholder="请输入真实姓名">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">姓名</label>
            <div class="clear-input-box">
                <input id="username" type="text" class="field-text nofastclick r-focus" maxlength="7" placeholder="请输入真实姓名，便于识别">
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">密码</label>
            <div class="clear-input-box">
                <input id="password" type="password" class="field-text nofastclick r-focus" maxlength="12" placeholder="请输入6到12位密码">
            </div>
        </li>
        <li class="form-item choicenews">
            <label class="field-label">订阅栏目</label>
            <div class="auth_code">
                <img src="img/rarr02.png"/>
                <div class="newsname">

                </div>
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">验证码</label>
            <div class="auth_code" style="padding-right: 120px;">
                <input id="phonetestinput" maxlength="10" tabindex="3" placeholder="" class="field-text nofastclick">
                <div id="timclock">获取验证码</div>
            </div>
        </li>
    </ul>
    <p id="tishiinfor" style="color:#DF2029;height:20px;padding-top:10px;margin:0;text-align:center"></p>
    <div class="btn-box">
        <button id="nextstep" class="btn-primary full-width cannot">下一步</button>
    </div>
</div>
<!--注册完成提示-->
<div id="finishnotic">
    <div>
        <img src="img/zhuceimg01.jpg" id="redbox" alt=""/>
    </div>
</div>
<!--关注-->
<div id="harass">
    <div>
        <div>
            <div id="closeharass" style="display:none;"></div>
            <img src="img/harass2.jpg"/>
            <div id="closeharass1" style="display:none;">
                <input type="checkbox" id="closealltime"/><label for="closealltime">我已关注</label>
            </div>
        </div>
    </div>
</div>
<!--注册完成选行业-->
<div id="choiceThree">
    <!--推荐新闻-->
    <div id="alwayspage" style="display:block;">
        <div class="PageWrapper nonav">
            <!-- 头部-->
            <div class="Header ModalHeader">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<div class="mweb_modal_back_button" id="alwaysgoback"></div>-->
                        <!--<div class="page_title unified">-->
                            <!--<span>订阅</span><span id="allchoicenum">0</span>-->
                        <!--</div>-->
                        <a class="navigation_button" id="alwaysgobackbtn">我选好了</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 搜索框-->
        <div class="inputsearchbox">
            <div>
                <div class="header_action_buttons mweb_lookup_bar_has_input">
                    <div class="mweb_lookup_bar_input_wrapper ">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                            <div id="alsearchbtn"></div>
                            <input type="text" id="alsearchinput" placeholder="搜索" style="width:100%;color:#999" maxlength="16"/>
                        </div>
                    </div>
                </div>
            </div>
            <!--已选择：-->
        </div>
        <!-- 类别切换-->
        <nav>
            <a href="javascript: ;" id="zhlistbox" class=" active">综合资讯
            </a><a href="javascript: ;" id="hylistbox" class="">
            行业新闻</a><a href="javascript: ;" id="xqlistbox" class="">兴趣爱好</a>
        </nav>
        <!-- 提示9个-->
        <div id="maxNine">
            最多选择9个订阅栏目!
        </div>
        <div class="tishiword">
            <div class="choicenewsname" style="display:none;">(<span id="allchoicenum2">0</span>)</div>
            <span class="origword" style="display:inline-block;">请选择您的订阅栏目。(0)</span>
        </div>
        <!-- 综合加载区-->
        <div class="listplace zhlistbox"></div>
        <!-- 行业加载区-->
        <div class="listplace hylistbox"></div>
        <!-- 兴趣加载区-->
        <div class="listplace xqlistbox"></div>
        <div class="searchlistplace"></div>
    </div>
</div>
<!--填写邀请人-->
<div id="fromUserPhone">
    <div class="registerheader">
        <h1>
            邀请人
        </h1>
    </div>
    <p></p>
    <ul>
        <li class="form-item">
            <label class="field-label">邀请人</label>
            <div class="clear-input-box">
                <input id="fromphonenumber" type="tel" class="field-text nofastclick r-focus" maxlength="11" placeholder="请输入邀请人手机号">
            </div>
        </li>
    </ul>
    <p id="fromUserPhoneNote">输入邀请人手机号，自动成为PULU好友，你还可以认识他的一些好友</p>
    <p id="fromUserPhoneError">PULU账号不存在</p>
    <div class="btn-box">
        <button id="fromUserPhoneBtn" class="btn-primary full-width cannot">完成</button>
    </div>
</div>
<!--填写排名-->
<div id="ranking" style="display:none;">
    <div class="registerheader">
        <div class="mweb_modal_back_button" id="rankBack"></div>
        <h1>注册</h1>
    </div>
    <p class="text_note">请输入公司产业方向、公司排名、职能级别，便于推荐您感兴趣的内容</p>
    <ul class="bind_box">
        <li class="form-item">
            <label class="field-label">*公司产业方向</label>
            <div class="auth_code professionDiv" onclick="showProfessionPage()">
                <img src="img/rarr02.png"/>
                <div class="newsname"></div>
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">*公司在行业排名</label>
            <div class="clear-input-box">
                <select id="companyRank">
                    <option value="4">前10%</option>
                    <option value="3">前11%-30%</option>
                    <option value="2">前31%-60%</option>
                    <option value="1">前61%-99%</option>
                </select>
            </div>
        </li>
        <li class="form-item">
            <label class="field-label">*职能级别</label>
            <div class="clear-input-box">
                <input onchange="showAdministration(this)" type="checkbox" id="administrationState"/><label for="administrationState" style="margin-right:20px;">管理岗</label>
                <input onchange="showSkill(this)" type="checkbox" id="skillState"/><label for="skillState">技术岗</label>
            </div>
        </li>
        <li class="form-item" style="display:none" id="administrationLi">
            <label class="field-label">管理级别</label>
            <div class="clear-input-box">
                <select id="manageRank">
                    <option value="3">高层</option>
                    <option value="2">中层</option>
                    <option value="1">普通</option>
                </select>
            </div>
        </li>
        <li class="form-item" style="display:none;" id="skillLi">
            <div class="part1">
                <p>个人技术关键词</p>
                <div class="itemDiv large">
                    <div class="lf">
                        <span class="lf">大领域：</span>
                        <div style="margin-left:60px;margin-right:10px;position:relative;">
                            <input type="text" placeholder="如游戏开发" maxlength="7" style="position:absolute;"/>
                        </div>
                    </div>
                    <div class="lf">
                        <span class="lf">排名：</span>
                        <div><select name="level" id="LargeLevel">
                            <option value="4">前10%</option>
                            <option value="3">前11%-30%</option>
                            <option value="2">前31%-60%</option>
                            <option value="1">前61%-99%</option>
                        </select></div>
                    </div>
                </div>
                <!-- 添加项-->

                <!-- -->
                <div class="addLarge" id="addLargeBtn" onclick="addLargeKeyWord()">
                    <span>+</span>
                    添加
                </div>
                <!-- -->
                <!-- -->
                <div class="small">
                    <div class="lf">
                        <span class="lf">小领域：</span>
                        <div style="margin-left:60px;margin-right:10px;padding-right:10px;position:relative;">
                            <input type="text" placeholder="如手游开发" maxlength="7" style="position:absolute;"/>
                        </div>
                    </div>
                    <div class="lf">
                        <span class="lf">排名：</span>
                        <div><select name="level" id="smallLevel">
                            <option value="4">前10%</option>
                            <option value="3">前11%-30%</option>
                            <option value="2">前31%-60%</option>
                            <option value="1">前61%-99%</option>
                        </select></div>
                    </div>
                </div>
                <!-- 添加项-->

                <!-- -->
                <div class="addSmall" id="addSmallBtn" onclick="addSmallKeyWord()">
                    <span>+</span>
                    添加
                </div>

            </div>
        </li>
    </ul>
    <p id="rankErrorWord" style="color:#DF2029;height:20px;padding-top:10px;margin:0;text-align:center"></p>
    <div class="btn-box">
        <button class="btn-primary full-width cannot" onclick="registerFtn()">注册</button>
    </div>
</div>
<!--选择行业列表-->
<div id="professionList" style="display:none;">
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header">
            <div class="header_main">
                <div class="mweb_modal_back_button" onclick="closeProfessionList()"></div>
                <div class="page_title unified professionTitle">
                    <span>公司产业方向</span>（<span id="professionNum">0</span>/3)
                </div>
                <a class="navigation_button" onclick="choiceOkProfessionBtn()">确认</a>
            </div>
        </div>
    </div>
    <!-- 列表加载区-->
    <div class="listplace">
        <div><label class="label1001" for="p1001">IT互联网</label><input class="lf" id="p1001" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1002" for="p1002">金融</label><input class="lf" id="p1002" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1003" for="p1003">文化传媒</label><input class="lf" id="p1003" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1004" for="p1004">服务业</label><input class="lf" id="p1004" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1005" for="p1005">教育培训</label><input class="lf" id="p1005" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1006" for="p1006">通信电子</label><input class="lf" id="p1006" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1007" for="p1007">房产建筑</label><input class="lf" id="p1007" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1008" for="p1008">轻工贸易</label><input class="lf" id="p1008" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1009" for="p1009">医疗生物</label><input class="lf" id="p1009" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1010" for="p1010">政府法律公益</label><input class="lf" id="p1010" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1011" for="p1011">化工能源</label><input class="lf" id="p1011" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1012" for="p1012">农林牧渔</label><input class="lf" id="p1012" type="checkbox" onchange="computeProfessiion(this)"/></div>
        <div><label class="label1013" for="p1013">机械制造</label><input class="lf" id="p1013" type="checkbox" onchange="computeProfessiion(this)"/></div>
    </div>
</div>
<div id="subscribeNote">
    <div>
        至少选择一条订阅栏目！
    </div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="js/md5.js"></script>
<!--环信-->
<script type="text/javascript" src="sdk/webim.config.js"></script>
<script src="sdk/strophe.js"></script>
<script src="sdk/websdk-1.1.2.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/ctoe.js"></script>
<script src="js/register.js"></script>
<script src="js/loginuserset.js"></script>
</body>
</html>